<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- .打印出下列图形
　　        ●●●●●●●●
　　        ●●●●●●●●
　      　  ●●●●●●●●
　　        ●●●●●●●●
　　        ●●●●●●●●
　　        ●●●●●●●●
            ●●●●●●●●
    -->

    <script>
        
        for(var i = 1; i<=8; i++){

            for(var j = 1; j <= 7; j++){
                document.write("<div style='width: 20px; height: 20px; background: #000; float: left; border-radius: 50%;'></div>");
            }
            document.write("<br>");
        }

    </script>


</body>
</html>